/*common*/
body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,input,li,ol,ul{margin:0;padding:0}
img{border:none}
body{margin:0 auto;background-color:#fff;color:#656565;font-size:14px;font-family:\5b8b\4f53,Arial,sans-serif}
body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden;}
dl,form,li,ol,ul{list-style:none}
a{text-decoration:none;}
.lf{float:left;display: inline;}
.rt{float:right;display: inline;}
img{
    max-width:100%;
    object-fit:cover;
    -o-object-fit: cover;
}
.clear{clear:both}
.clear{zoom:1}
.clear:after{display:block;clear:both;content:"";visibility:hidden;height:0}
/******************************/
.cp-list{width:80%;margin:60px auto}
.work_items{width:calc(100%/3 - 16px);height:298px;margin-right:calc(16px*3/2);margin-bottom:24px;float:left;display:inline;overflow:hidden;position:relative}
.work_items:nth-child(3n){margin-right:0}
.work_items>div{float:left;position:absolute;top:0;}
.work_items>div:first-child{z-index:1;}
.work_items img{width:100%;height:298px;object-fit:cover;-o-object-fit:cover;vertical-align:bottom}
.work_items a{display:block;position:relative;overflow:hidden;cursor:pointer}
.work_items_mask{width:100%;height:100%;background-color:rgba(0,0,0,.6);position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:all .1s linear}
.work_txt_out{width:100%;height:100%;position:absolute;top:0;bottom:0;right:0;left:-100%;transition:all .3s linear}
.work_txt{position:absolute;top:50%;left:50%;height:30px;color:#FFF;padding:0 5px;border:solid 1px #FFF;line-height:30px;transform:translate(-50%,-50%)}
.cp-list li:hover .work_items_mask{opacity:1}
.cp-list li:hover .work_txt_out{left:0}


#zp{background-color:#fff;position:absolute;top:0;bottom:0;z-index:200;transition-duration:1s;-webkit-transition-duration:1s;transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;left:-100%;}
#zp.in{
    left:0;
    width:100%;
}
#lx{background:#fff;position:absolute;top:0;bottom:0;z-index:300;transition-duration:1s;-webkit-transition-duration:1s;left:100%;}
#lx.in{
    left:0;
}
#about{background:#fff;position:absolute;left:0;z-index:400;transition-duration:.8s;-webkit-transition-duration:.8s;top:100%;
    height: 100%;    right: 0;}
#about.in{
    top:0;
}
@-webkit-keyframes fadeIn{0%{opacity:0}
    100%{opacity:1}
}
@-moz-keyframes fadeIn{0%{opacity:0}
    100%{opacity:.92}
}
@-o-keyframes fadeIn{0%{opacity:0}
    100%{opacity:.92}
}
@keyframes fadeIn{0%{opacity:0}
    100%{opacity:.92}
}
.fadeIn{-webkit-animation-name:fadeIn;-moz-animation-name:fadeIn;-o-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeOut{0%{opacity:.92}
    100%{opacity:0}
}
@-moz-keyframes fadeOut{0%{opacity:.92}
    100%{opacity:0}
}
@-o-keyframes fadeOut{0%{opacity:.92}
    100%{opacity:0}
}
@keyframes fadeOut{0%{opacity:.92}
    100%{opacity:0}
}
.fadeOut{-webkit-animation-name:fadeOut;-moz-animation-name:fadeOut;-o-animation-name:fadeOut;animation-name:fadeOut}
.main-banner .swiper-slide,.main-banner .swiper-wrapper,.main-banner .swiper-slide img{width:100%;height:100%}

@-webkit-keyframes ScaleIn{0%{-webkit-transform:scale(1.3);opacity:1}
    50%{-webkit-transform:scale(1.15);opacity:1}
    100%{-webkit-transform:scale(1);opacity:0}
}
@-moz-keyframes ScaleIn{0%{-webkit-transform:scale(1.3);opacity:1}
    50%{-webkit-transform:scale(1.15);opacity:1}
    100%{-webkit-transform:scale(1);opacity:0}
}
@-o-keyframes ScaleIn{0%{-webkit-transform:scale(1.3);opacity:1}
    50%{-webkit-transform:scale(1.15);opacity:1}
    100%{-webkit-transform:scale(1);opacity:0}
}
@keyframes ScaleIn{0%{-webkit-transform:scale(1.3);opacity:1}
    50%{-webkit-transform:scale(1.15);opacity:1}
    100%{-webkit-transform:scale(1);opacity:0}
}
.ScaleIn{-webkit-animation-name:ScaleIn;-moz-animation-name:ScaleIn;-o-animation-name:ScaleIn;animation-name:ScaleIn;transform-origin:center}



/*************************/
.instruction-contain{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 222;
    opacity: 0;
    -webkit-animation: show 8s linear;
    animation: show 8s linear;
    transform: translate(-50%, -50%)
}

.welcome-page-container {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-animation: opacity 10s ease-in-out;
    animation: opacity 10s ease-in-out;
    overflow: hidden
}

@-webkit-keyframes opacity{
    0%{background-color:#fff;z-index:200}
    20%{background-color:#464646;z-index:200}
    40%{background-color:#000;z-index:200}
    60%{background-color:#464646;z-index:200}
    80%{background-color:#fff;z-index:200}
    100%{background-color:transparent;z-index:200}
}
@keyframes opacity{
    0%{background-color:#fff;z-index:200}
    20%{background-color:#464646;z-index:200}
    40%{background-color:#000;z-index:200}
    60%{background-color:#464646;z-index:200}
    80%{background-color:#fff;z-index:200}
    100%{background-color:transparent;z-index:200}
}
@-webkit-keyframes show{
    0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.4);transform:translate(-50%,-50%) scale(.4)}
    20%{opacity:.1;-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6)}
    40%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
    50%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
    100%{opacity:0}
}
@keyframes show{
    0%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(.4);transform:translate(-50%,-50%) scale(.4)}
    20%{opacity:.1;-webkit-transform:translate(-50%,-50%) scale(.6);transform:translate(-50%,-50%) scale(.6)}
    40%{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}
    50%{opacity:0;-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}
    100%{opacity:0}
}
.welcome-page-container .bg-container{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:url(../images/welcome-bg-pc.jpg) no-repeat center/cover;-webkit-transition:opacity 3s ease-in-out;transition:opacity 3s ease-in-out}


/***********************************/
.lx-content{width:64%;margin:100px auto;display:flex;align-items:center;justify-content:space-between;overflow:hidden}
.lx-content .Qr{width:166px;padding:10px;border:1px solid #000}
.common-bottom{background:#000;padding:60px 0;position:relative}
.botomTxt{width:64%;margin:0 auto}
#home_top{position:relative;overflow:hidden}
#home_top a{color:#fff;}
.menu-nav{background:rgba(0,0,0,.6) url(../images/bm.png) no-repeat center 15%;background-size:648px auto;bottom:26%;left:0;right:0;height:270px;position:absolute;z-index:190}
.about-content img{display:block;margin:0 auto;margin-top:128px}
.about-content img:first-child{margin-left:13%;margin-top:10.6%}
.about-content img:last-child{margin-bottom:128px}
#baguetteBox-overlay .full-image figcaption{line-height:3;font-size:16px;font-family:"Microsoft Yahei"}
.main-banner{width:100%;height:100%;overflow:hidden}
.main-banner .swiper-container{width:100%;height:100%}
.main-banner .swiper-pagination{top:auto;bottom:28%;background:0 0;text-align:center;position:absolute;left:50%;margin-left:-337px;z-index:199}
.main-banner .swiper-pagination-bullet{display:inline-block;width:170px;height:38px;background:url(../images/ruler.png) no-repeat;cursor:pointer;opacity:1;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;}
.main-banner .swiper-pagination-bullet span{display:block;width:170px;height:38px;background:url(../images/ruler.png) no-repeat;cursor:pointer}
.main-banner .swiper-pagination-bullet-active{background:url(../images/ruler-active.png) no-repeat}
.main-banner .swiper-pagination-bullet:not(:first-child){margin-left:-3px}

/************wp page*****************/
@font-face {
    font-family: 'iconfont';  /* project id 767317 */
    src: url('//at.alicdn.com/t/font_767317_3ux8rwuaulh.eot');
    src: url('//at.alicdn.com/t/font_767317_3ux8rwuaulh.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_767317_3ux8rwuaulh.woff') format('woff'),
    url('//at.alicdn.com/t/font_767317_3ux8rwuaulh.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_767317_3ux8rwuaulh.svg#iconfont') format('svg');
}
@font-face {
    font-family: swiss;
    src: url(../font/swiss.eot);
    src: url(../font/swiss.svg);
    src: url(../font/swiss.woff);
    src: url(../font/swiss.ttf)
}
.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}


.wp-box{width:100%;margin:0 auto;overflow:hidden;min-height:100%}
.wp-box .welcome-page-container{width:100%;}
.wp-bottom{position:fixed;bottom:0;width:100%;z-index:1000;background-color:#21292C}
.wp-bottom .btn_menu{float:right;width:16.25%;height:54px;background-image:url(../images/menu_bg.gif);background-size:200% 140%;background-position:0 center}
#menu{position:fixed;right:-32%;width:28.6%;height:100%;z-index:999;background-color:#F6F5F0;-webkit-shadow:rgba(0,0,0,.2) -2px 0 10px 3px;-moz-box-shadow:rgba(0,0,0,.2) -2px 0 10px 3px;-o-box-shadow:rgba(0,0,0,.2) -2px 0 10px 3px;box-shadow:rgba(0,0,0,.2) -2px 0 10px 3px}
#menu a{display:block;width:100%;height:17%;text-align:center;color:#000;font-weight:700;border-bottom:1px solid #ddd;position:relative}
#menu a span{position:absolute;top:50%;left:50%;transform:translate(-68%,-50%);text-align:center}
#menu a em{position:absolute;top:42%;right:16px}
#menu>div{height:50%}
#menu>div>a{height:33.33%}
.swiper-wp-banner-container,.wp-banner{height:100%}
.wp-banner img{height:100%}
.wp-about,.wp-lx,.wp-work{background:#fff;display:block;opacity:0;position:absolute;height:calc(100% - 54px);top:0;z-index:997;margin-bottom:54px;transition-duration:.6s;-webkit-transition-duration:.6s;transition-timing-function:ease-in;-webkit-transition-timing-function:ease-in;  width: 100%;
    width: 100%;
    box-sizing: border-box;}
.wp-workList li{width:100%;height:200px;overflow:hidden;border-bottom:2px solid #000}
.wp-workList li a{display:block;width:100%;height:100%;position:relative}
.wp-workList li p{position:absolute;left:0;right:0;bottom:0;padding:10px;margin:0;font-size:18px;color:#fff;font-family:"Microsoft Yahei";overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wp-workList li img{width:100%;height:100%;vertical-align:bottom}
.wp-about{padding:10px}
.wp-about .aboutPic{margin:20px auto}
.wp-about .txt{font-size:16px;line-height:1.8;margin:16px 0}
.wp-about .about-other .casesBox>div{
    width:100%;
}
.wp-about .about-other .casesBox{
    width: 92%;
    margin: 20px auto;
}
.wp-about .casesItem span{
    height: 120px;
}
.wp-about .cases-cop{display:block;}
.wp-about .cases-cop .cop{width:100%;}
.lx-txt{padding:15px;font-family:"Microsoft Yahei"}
.lx-txt>div{margin-bottom:20px}
.lx-txt h4{color:#000;text-transform:capitalize;font-size:18px}
.lx-txt p{font-size:16px;overflow:hidden}
.lx-txt i{font-size:22px;color:#E98826;font-weight:700;display:inline-block;width:24px;float:left;margin-top:3px}
.lx-txt span{display:inline-block;width:calc(100% - 36px);float:right;line-height:1.8}
.lx-txt .txt2 p{line-height:1.8}
.lx-txt .ewm{margin:0 auto;display:block}
.wp-work #lng_home2{display:none!important;}
.wp-work .cp-list{width:100%;margin:0}
.wp-work .work_items{width:100%;height:200px;overflow:hidden;border-bottom:2px solid #000;margin:0}
.wp-work .work_items_mask{display:none}
.wp-work .work_items a,.wp-work .work_items img,.wp-work .work_items>div{height:100%;    width: 100%;}
.wp-work .work_txt_out{position:absolute;left:0}
.wp-work .work_txt{bottom:0;top:auto;height:auto;font-size:20px;bottom:12px;left:15px;border:0;line-height: 1.6;padding:0;transform: inherit;}
.wp-about .intro-yy{margin-bottom:20px;}
  .wp-about .intro-pic{
            float: left;
            width: 50%;
            margin-right: 14px;
        }
         .wp-about .intro-info>h3{color: #BB7F00;}
        .wp-about .intro-info p{
            line-height: 1.6;
            font-size: 14px;
            text-align: justify;

        }
        .wp-about .intro1 .jy{
            font-weight: 700;
            padding: 2px 0 8px;
            border-bottom: 1px dotted #ccc;
            margin-bottom: 10px;margin-top: 10px;
        }
        .wp-about .intro-txt{
            line-height: 1.8;
        }


/************************/
.person{opacity:0;z-index:0;-webkit-animation:show2 8s linear;animation:show2 8s linear;position:absolute;transform:scale(1.1);width:100%;height:100%}
.person img{width:110%;height:110%}
@-webkit-keyframes show2{0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
46%{opacity:0;-webkit-transform:scale(1.06);transform:scale(1.06)}
47%{opacity:1;-webkit-transform:scale(1.03);transform:scale(1.03)}
80%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
100%{opacity:0}
}
@keyframes show2{0%{opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1)}
49%{opacity:0;-webkit-transform:scale(1.06);transform:scale(1.06)}
50%{opacity:1;-webkit-transform:scale(1.03);transform:scale(1.03)}
80%{opacity:0;-webkit-transform:scale(1);transform:scale(1)}
100%{opacity:0}
}
.commonBox{height:100%;width:100%;overflow-y:auto}
#about,#lx,#zp{height:100%;width:100%}
.about-other{overflow:hidden;background:url(../images/casebg.jpg) no-repeat center;background-size:cover}
.about-other .casesBox{width:85%;margin:120px auto}
.about-other .casesBox>div{float:left;width:48%}
.casesItem{border-top:1px solid #7D7E7F;border-left:1px solid #7D7E7F;position:relative}
.casesItem:after{position:absolute;bottom:-4px;left:-4px;width:8px;height:8px;background:#D2D2D2;content:''}
.casesItem:before{position:absolute;top:-4px;right:-4px;width:8px;height:8px;background:#D2D2D2;content:'';border-radius:50%;z-index:2}
.casesItem span{width:calc(100%/3);box-sizing:border-box;border-right:1px solid #7D7E7F;border-bottom:1px solid #7D7E7F;float:left;height:228px;position:relative;cursor:pointer}
.casesItem span:not(:nth-child(-n+6)):after{position:absolute;bottom:-4px;right:-4px;background:#D2D2D2;content:'';width:8px;height:8px;border-radius:50%;z-index:2}
.casesItem span:nth-child(3n):not(:last-child):after{position:absolute;bottom:-4px;right:-4px;background:#D2D2D2;content:'';width:8px;height:8px;border-radius:50%;z-index:2}
.casesItem span:before{position:absolute;left:-5px;top:-4px;background:#D2D2D2;content:'';width:8px;height:8px;border-radius:50%;z-index:2}
.casesItem span img{width:70%;display:inline-block;vertical-align:middle;position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;max-height:100%;transition:all .3s linear}
.cases-cop{margin-top:65px;overflow:hidden;display:flex;justify-content:space-between;align-items:flex-end}
.cases-cop .cop{width:33.3%;float:left}
.cases-cop .cop h4{font-size:16px;margin-bottom:5px;color:#D5D5D6}
.cases-cop .cop a{display:block;color:rgba(255,255,255,.7);line-height:1.9;font-family:swiss;text-decoration:none;font-size:12px;font-weight:lighter}
.cases-cop .cop a:hover{color:#E78725}
.about-other .casesBox .casesTxt{float:right}
.casesItem span:hover img{transform:translateY(-20px)}
.about-other .casesBox .casesTxt{float:right}
.casesItem span:hover img{transform:translateY(-20px)}